<template>
	<view class="new-guy-page">
		<image :src="img" mode="widthFix" class="img"></image>
		<view class="operate-box">
			<button class="operate-btn" type="primary" @click="goExchange">去发起好物心愿</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				img:''
			};
		},
		async onLoad(){
			let data=await this.$api.getNewGuideImg()
			this.img=data.img
		},
		methods:{
			goExchange(){
				uni.switchTab({
					url:'/pages/exchange/exchange'
				})
			}
		}
	}
</script>

<style lang="scss">
.new-guy-page{
	padding-bottom: calc(120rpx + var(--safe-area-inset-bottom));
}
.img{
	display: block;
	width: 100%;
}
.operate-box{
	position: fixed;
	bottom:0rpx;
	left:0rpx;
	z-index: 5;
	padding:15rpx 30rpx;
	padding-bottom: calc(15rpx + var(--safe-area-inset-bottom));
	width:100%;
	background:#fff;
	.operate-btn{
		width:100%;
		height:90rpx;
		display: flex;
		align-items:center;
		justify-content: center;
		font-size:36rpx;
		font-weight: 600;
		color:#fff;
		background-color:rgba(231,64,74,1);
		border-radius:45rpx;
	}
}
</style>
